<!DOCTYPE html>
<html lang="ja">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=10; IE=9; IE=8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" />
    <title>Nguyen Ha</title>
    <link rel="stylesheet" type="text/css" href="../app/webroot/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../app/webroot/css/reset.css">
    <link rel="stylesheet" type="text/css" href="../app/webroot/css/main.css">
    <link rel="stylesheet" type="text/css" href="../app/webroot/css/camera.css">


    <!--======================script=========================-->
    <!--<script type="text/javascript" src="js/lib/jquery-1.11.2.js"></script>-->
</head>
<body>
<div id="header">
    <div class="container-fluid">
        <div class="row">
            <!--logo-->
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <div class="logo">
                    <img class="img-responsive" src="../app/webroot/img/logo.png">
                </div>
            </div>
            <!--//menu-->
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 menu">
                <nav class="collapse navbar-collapse bs-navbar-collapse">
                    <ul class="nav navbar-nav sf-menu">
                        <li>
                            <a href="#">
                                Trang Chủ
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Giới thiệu
                            </a>
                        </li>
                        <li>
                            <a href="#"> Tour trong nước</a>
                            <ul class="custom">
                                <li><a href="#">Đà Lạt</a></li>
                                <li><a href="#">Đã Nẵng</a></li>
                                <li><a href="#">Hạ Long</a></li>
                                <li><a href="#">TP.HCM</a></li>
                                <li><a href="#">Miền Bắc</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">
                                Tour ngoài nước
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Dịch vụ hỗ trợ
                            </a>
                        </li>
                        <li>
                            <a href="#">
                               Liên hệ
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <!--bannaer-->
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 banner">
                    <img class="img-responsive" src="../app/webroot/img/banner/banner-01.jpg">
            </div>
        </div>
    </div>
</div>
<div id="content">
    <div class="container-fluid">
        <div class="row clearfix">
            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 tour-left">
                 <div class="skin-tour">
                     <img class="img-responsive" src="../app/webroot/img/skin-tour-01.jpg">
                     <p class="name-tour">
                         Du lịch miền Trung – Đà Nẵng – Sơn Trà
                     </p>
                     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-pr-0">
                         <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5 col-pd-0 ">
                             <p class="img-intro">
                                 <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                             </p>
                         </div>
                         <div class="col-xs-7 col-sm-7 col-md-7 col-lg-7 col-pr-0">
                             <dl class="dl-horizontal info-intro">
                                 <dt>Ngay khoi hanh:</dt>
                                 <dd>30-04-2015</dd>
                                 <dt>Thời gian:</dt>
                                 <dd>30-04-2015</dd>
                                 <dt>Khách sạn:</dt>
                                 <dd>30-04-2015</dd>
                                 <dt>Điểm xuất phát:</dt>
                                 <dd>30-04-2015</dd>
                                 <dt>Phương tiện:</dt>
                                 <dd>30-04-2015</dd>
                             </dl>
                         </div>
                     </div>
                     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-pr-0 listTour ">
                         <div class="row clearfix">
                             <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 col-pd-0">
                                 1
                             </div>
                             <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 col-pd-0">
                                 Du lịch miền Trung – Đà Nẵng – Cù Lao Chàm – Hội An – Bà Nà
                             </div>
                             <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 col-pd-0">
                                 3 ngày 2 đêm
                             </div>
                         </div>
                     </div>
                 </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 tour-right">
                <div class="skin-tour">
                    <img class="img-responsive" src="../app/webroot/img/skin-tour-02.jpg">
                    <p class="name-tour">
                        Du lịch miền Trung – Đà Nẵng – Sơn Trà
                    </p>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-pr-0">
                        <div class="col-xs-5 col-sm-5 col-md-5 col-lg-5 col-pd-0 ">
                            <p class="img-intro">
                                <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                            </p>
                        </div>
                        <div class="col-xs-7 col-sm-7 col-md-7 col-lg-7 col-pr-0">
                            <dl class="dl-horizontal info-intro">
                                <dt>Ngay khoi hanh:</dt>
                                <dd>30-04-2015</dd>
                                <dt>Thời gian:</dt>
                                <dd>30-04-2015</dd>
                                <dt>Khách sạn:</dt>
                                <dd>30-04-2015</dd>
                                <dt>Điểm xuất phát:</dt>
                                <dd>30-04-2015</dd>
                                <dt>Phương tiện:</dt>
                                <dd>30-04-2015</dd>
                            </dl>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-pr-0 listTour ">
                        <div class="row clearfix">
                            <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 col-pd-0">
                                1
                            </div>
                            <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 col-pd-0">
                                Du lịch miền Trung – Đà Nẵng – Cù Lao Chàm – Hội An – Bà Nà
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 col-pd-0">
                                3 ngày 2 đêm
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row clearfix">
        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
            <div class="clearfix">
                <h3>Tour Noi Bat</h3>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
            </div>
            <div class="text-right clearfix"> phan trang</div>
            <div class="clearfix">
                <h3>Tour Binh Thuong</h3>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                    <p>title tour</p>
                    <img class="img-responsive" src="../app/webroot/img/img-intro.jpg">
                </div>
            </div>
            <div class="text-right clearfix"> phan trang</div>
            <div class="clearfix">
                <h3>Nhung Dieu Can biet</h3>
                <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                    <h4>Can biet gi khi di du lich </h4>
                    <ul class="list-unstyled">
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                    <h4>Can biet gi khi di du lich </h4>
                    <ul class="list-unstyled">
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                    <h4>Can biet gi khi di du lich </h4>
                    <ul class="list-unstyled">
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                    <h4>Can biet gi khi di du lich </h4>
                    <ul class="list-unstyled">
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                tieu de 1
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
            menu Phai
        </div>
    </div>
        <div class="row clearfix">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <h3>Cac Doi Tac</h3>
                <ul class="list-logo list-inline">
                    <li>
                        <a href="#">
                            <img src="../app/webroot/img/logo-01.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../app/webroot/img/logo-01.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../app/webroot/img/logo-01.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../app/webroot/img/logo-01.jpg">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../app/webroot/img/logo-01.jpg">
                        </a>
                    </li>

                </ul>
            </div>
        </div>

    </div>
</div>
<div id="footer">
    <div class="container-fluid">
        footer
    </div>
</div>
</body>
</html>